<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                 <p:layoutUnit position="north" size="70" resizable="true" closable="true" collapsible="true" >
                    <a href="../principal.xhtml">
                    <img src="../Cabeza.png" width="100%" height="37" alt="Cabeza"/>
                    </a>
                    <h:form>
                        <p:growl id="messages" showDetail="true"/>
                    </h:form>       
                </p:layoutUnit>
                
                <p:layoutUnit position="south" size="140" closable="true" collapsible="true">
                    <center><H2>Compras</H2> </center>
                    <img src="../pie.jpg" width="100%" height="37" alt="Cabeza"/>
                </p:layoutUnit>


            
              

                <p:layoutUnit position="center" style="background-color:#FFFFFF;"  >
 
 <!-- Inicio De Cotización -->
 
                               <p:tabView orientation="left" style="width:100%"  >
                                   <p:tab title="Realizar Cotizacion"  id="cotizacion">
<h:panelGrid columns="2" cellpadding="10">
       
  <h:form>
                          <p:panel header="Cotización" style="width:475px">
                              <h:panelGrid columns="2" cellpadding="2" >
                                                                                          
                              <h:outputLabel for="fecha_cot" value="Fecha De Cotizacion" />
                              <p:calendar  id="fecha_cot" required="true" />
                              
                              <h:outputLabel for="fecha_ven_cot" value="Fecha De Vencimiento" />
                              <p:calendar  id="fecha_ven_cot" required="true" />  
                              
                              <h:outputLabel for="id_proveedor" value="ID Proveedor" />
                              <p:inputText value="" id="id_proveedor" required="true"/>
                              
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Proveedor" />
                              </p:splitButton>
                              <p:separator />
                                  
                              <h:outputLabel for="usuario_vendedor" value="Usuario" />
                              <p:inputText value="" id="usuario_vendedor" required="true"/>

                   
                              <p:separator style=" color: #00000000" />
                              <p:separator />
                              
                              
                               <h:outputLabel for="id_grupo_cotizacion" value="ID Grupo De Cot." />
                              <p:inputText value="" id="id_grupo_cotizacion" required="true"/>
                              
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Grupo De Cot." />   
                             
                              </p:splitButton>
                              <p:separator />
                        
                          </h:panelGrid>
                        </p:panel>
      </h:form>
      
      <h:form>
      
      <p:panel header="Detalle De Cotizacíon" style="width:475px">
                              <h:panelGrid columns="2" cellpadding="2" >
                              
                              <h:outputLabel for="id_prodcuto_c" value="Producto ID" />
                              <p:inputText value="" id="id_prodcuto_c" required="true"/>
                              
                              <p:splitButton value="Productos"   >
                              <p:menuitem value="Crear Cuenta" />
                              
                              </p:splitButton>
                              <p:separator />
                              <h:outputLabel for="cantidad_c" value="Cantidad" />
                              <p:inputText value="" id="cantidad" required="true"/>
                              
                              <h:outputLabel for="precio_u_c" value="Precio U/Q." />
                              <p:inputText value="" id="precio_u" required="true"/>
                              
                              <h:outputLabel for="descuento_c" value="Descuento Q." />
                              <p:inputText value="" id="decuento_c" required="true"/>
                              
                               <h:outputLabel for="total_c" value="Total Q." />
                               <p:inputText value="0.00"  disabled="true" id="total_c" required="false"/>
                              

                                                            
                              
                              
                              
                                 <p:growl id="messages" />

                        <p:splitButton value="Agregar Detalle" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Borrar" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
          
          
        
                   </h:form>  
                      </h:panelGrid>
                                  
                                  
                                  
                                  

                                
                <h:form>
                    
                    <p:outputPanel id="books" >
        <p:dataTable value="" var="book" id="booksTable">
 
            <p:column headerText="Codigo">
                <h:outputText value="PRO-A23" />
            </p:column>
 
            <p:column headerText="Authr">
                <f:facet name="header">
                    <h:outputText value="Producto" />
                </f:facet>
                <h:outputText value="Pintura Azul - Corona" />
            </p:column>
            <p:column headerText="cant">
                <f:facet name="header">
                    <h:outputText value="Cantidad" />
                </f:facet>
                <h:outputText value="20" />
            </p:column> 
                      <!-- Parte Agregada Para Unidad -->
            <p:column headerText="uni">
                <f:facet name="header">
                    <h:outputText value="Unidad" />
                </f:facet>
                <h:outputText value="Q.250.00" />
            </p:column> 
            
             <!-- Parte Agregada Para Unidad -->
            <p:column headerText="tot">
                <f:facet name="header">
                    <h:outputText value="Total" />
                </f:facet>
                <h:outputText value="Q.5000.00" />
            </p:column> 
            <p:column headerText="Action">
                <p:commandLink value="Eliminar" >
                    <p:collector value="#" removeFrom="#" unique="true"/>
                </p:commandLink>
            </p:column>
 
        </p:dataTable>
    </p:outputPanel>
                
                
                                 <h:panelGrid columns="3">
    <p:commandButton value="Guardar" id="save" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
    <p:commandButton value="Cancelar" id="cancel" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
     <p:commandButton value="Imprimir" type="button" style="display:block;"/>
    
     </h:panelGrid>     
                </h:form>
        </p:tab>
 <!-- Fin De Cotización -->
 
                    
<!-- Inicio De Compras -->
        <p:tab title="Ingreso De Compra"  id="compra">     
            <h:panelGrid columns="2" cellpadding="10">
       
  <h:form>
                          <p:panel header="Ingreso De Compra" style="width:475px">
                              <h:panelGrid columns="2" cellpadding="2" >
                              
                              <h:outputLabel for="no_factura" value="No. Factura" />
                              <p:inputText value=""  id="no_factura" required="true" />
                              
                              <h:outputLabel for="fecha" value="Fecha" />
                              <p:calendar  id="fecha" required="true" />
                                                            
                              <h:outputLabel for="id_proveedor" value="ID Proveedor" />
                              <p:inputText value="" id="id_proveedor" required="true"/>
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Proveedor" />
                              </p:splitButton>
                              <p:separator />
                                  
                              <h:outputLabel for="nit_proveedor" value="Nit Proveedor" />
                              <p:inputText value="" id="nit_proveedor" required="true"/>
                              
                              <h:outputLabel for="tipo_cuenta" value="Tipo Cuenta - Estado" />
                              <p:inputText value="Cuenta Por Pagar" id="tipo_cuenta" required="true"/>
                              
                              <p:splitButton value="Consultar"   >
                              <p:menuitem value="Crear Cuenta" />
                              
                              </p:splitButton>
                              <p:separator />
                                  
                              <h:outputLabel for="tipo_pago" value="Tipo De Pago" />
                              <p:inputText value="" id="tipo_pago" required="true"/>

                                                               
                               <h:outputLabel for="id_cotizacion" value="ID Cotización" />
                               <p:inputText value="02"  disabled="true" id="id_cotizacion" required="true"/>  

                        
                          </h:panelGrid>
                        </p:panel>
      </h:form>
      
      <h:form>
      
      <p:panel header="Detalle De Compra" style="width:475px">
                              <h:panelGrid columns="2" cellpadding="2" >
                              
                              <h:outputLabel for="id_prodcuto_c" value="Producto ID" />
                              <p:inputText value="" id="id_prodcuto_c" required="true"/>
                              
                              <p:splitButton value="Productos"   >
                              <p:menuitem value="Crear Cuenta" />
                              
                              </p:splitButton>
                              <p:separator />
                              <h:outputLabel for="cantidad_c" value="Cantidad" />
                              <p:inputText value="" id="cantidad" required="true"/>
                              
                              <h:outputLabel for="precio_u_c" value="Precio U/Q." />
                              <p:inputText value="" id="precio_u" required="true"/>
                              
                              <h:outputLabel for="descuento_c" value="Descuento Q." />
                              <p:inputText value="" id="decuento_c" required="true"/>
                              
                               <h:outputLabel for="total_c" value="Total Q." />
                               <p:inputText value="0.00"  disabled="true" id="total_c" required="false"/>
                              

                                                            
                              
                              
                              
                                 <p:growl id="messages" />

                        <p:splitButton value="Agregar Detalle" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Borrar" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
          
          
        
                   </h:form>  
                      </h:panelGrid>
                                  
                                  
                                  
                                  

                                
                <h:form>
                    
                    <p:outputPanel id="books" >
        <p:dataTable value="" var="book" id="booksTable">
 
            <p:column headerText="Codigo">
                <h:outputText value="PRO-A23" />
            </p:column>
 
            <p:column headerText="Authr">
                <f:facet name="header">
                    <h:outputText value="Producto" />
                </f:facet>
                <h:outputText value="Pintura Azul - Corona" />
            </p:column>
            <p:column headerText="cant">
                <f:facet name="header">
                    <h:outputText value="Cantidad" />
                </f:facet>
                <h:outputText value="20" />
            </p:column> 
            <p:column headerText="tot">
                <f:facet name="header">
                    <h:outputText value="Total" />
                </f:facet>
                <h:outputText value="Q.5000.00" />
            </p:column> 
            
            <!-- Parte Agregada Para Unidad -->
            <p:column headerText="uni">
                <f:facet name="header">
                    <h:outputText value="Unidad" />
                </f:facet>
                <h:outputText value="Q.250.00" />
            </p:column> 
            
             <!-- Parte Agregada Para Unidad -->
            <p:column headerText="Action">
                <p:commandLink value="Eliminar" >
                    <p:collector value="#" removeFrom="#" unique="true"/>
                </p:commandLink>
            </p:column>
 
        </p:dataTable>
    </p:outputPanel>
                
                
                                 <h:panelGrid columns="3">
    <p:commandButton value="Guardar" id="save" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
    <p:commandButton value="Cancelar" id="cancel" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
     <p:commandButton value="Imprimir" type="button" style="display:block;"/>
    
     </h:panelGrid>     
                </h:form>
          
            
  
        </p:tab>
  

                     
                    
                    
  </p:tabView>
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>


